<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>学院管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="icomoon/style.css" rel="stylesheet">
<link href="css/wysiwyg/bootstrap-wysihtml5.css" rel="stylesheet">
<link href="css/wysiwyg/wysiwyg-color.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet"><!-- 重要  -->
<!--[if lte IE 7]>
<script src="css/icomoon-font/lte-ie7.js">
</script>
<![endif]-->
<link href="css/charts-graphs.css" rel="stylesheet">
<link href="css/clockface.css" rel="stylesheet">
<link href="css/timepicker.css" rel="stylesheet">
<link href="css/alertify.core.css" rel="stylesheet" id="toggleCSS">
</head>
<body>
	
	
<!-- 以上为页头 设置head 引用样式相关信息-->

<!-- 以下为JS引用 -->
<script type="text/javascript" src="js/alertify.min.js">
	
</script>


<script type="text/javascript">
	//Tooltip
	$('a').tooltip('hide');

	//Popover
	$('.popover-pop').popover('hide');

	//Collapse
	$('#myCollapsible').collapse({
		toggle : false
	})

	//Tabs
	$('.myTabBeauty a').click(function(e) {
		e.preventDefault();
		$(this).tab('show');
	})

	//Dropdown
	$('.dropdown-toggle').dropdown();

	//Alertify JS
	$ = function(id) {
		return document.getElementById(id);
	}, reset = function() {
		$("toggleCSS").href = "css/alertify.core.css";
		alertify.set({
			labels : {
				ok : "OK",
				cancel : "Cancel"
			},
			delay : 5000,
			buttonReverse : false,
			buttonFocus : "ok"
		});
	};
</script>
<script type="text/javascript">
	//ScrollUp
	$(document).ready(function() {
		$.scrollUp({
			scrollName : 'scrollUp', // Element ID
			topDistance : '300', // Distance from top before showing element (px)
			topSpeed : 300, // Speed back to top (ms)
			animation : 'fade', // Fade, slide, none
			animationInSpeed : 400, // Animation in speed (ms)
			animationOutSpeed : 400, // Animation out speed (ms)
			scrollText : 'Scroll to top', // Text for element
			activeOverlay : false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
		});
	});
</script>
<!-- 以上为JS引用 -->

<!-- 以下为正文 -->
<%
	String isLogined = (String) session.getAttribute("isLogined");
	if (isLogined !=null && isLogined.equals("error"))
		out.print("<script type='text/javascript'>alertify.error('用户名或密码错误');</script>");
	else if(isLogined !=null && isLogined.equals("true"))
		response.sendRedirect("main");
%>

<div class="container">
	<div class="row-fluid">
		<div class="span3"></div>
		<div class="span6">
			<div class="sign-in-container">
				<form action="checkin" name="form" class="login-wrapper"
					method="post">
					<div class="header">
						<div class="row-fluid">
							<div class="span12">
								<h3>
									请先登录<img src="img/logo1.png" alt="Logo" class="pull-right">
								</h3>
								<p>初始密码为123456</p>
							</div>
						</div>

					</div>
					<div class="content">
						<div class="row-fluid">
							<div class="span12">
								<input class="input span12" id="user_id" name="user_id"
									placeholder="账号" required="required" type="number" value="">
							</div>
						</div>
						<div class="row-fluid">
							<div class="span12">
								<input class="input span12 password" id="password"
									name="password" placeholder="密码" required="required"
									type="password">
							</div>
						</div>
					</div>
					<div class="actions">
						<button type="submit" class="btn btn-danger 
						bottom-margin">登录</button>
						<a class="link" href="#">注册</a>
						<div class="clearfix"></div>
					</div>
				</form>
			</div>
		</div>
		<div class="span3"></div>
	</div>
</div>
<!-- 以上为正文 -->
